@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 981px){

.prdtpg{
	float: left;
	padding-top: 12em;
	padding-bottom: 6rem;
	background-color: #022237;
	width:100%;
	}	
	
.prdtp{
	width:50%;;
	margin-left: 8rem;
	color: #fff;
	font-size: 2.4rem;
	border-left: medium  #59c56e  solid;
 	}
	
.productionframe{
	float:left;
	width: 100%;
	background-color: #f6f6f6;
	padding-bottom: 5rem;
	padding-top: 2rem;
}
.frameleft{
	float: left;
	margin-left: 6rem;
	margin-bottom: 2rem;
	width:14%;
	background-color: #eee;
	padding-top: 3rem;
	padding-bottom: 5rem;
}
	
.sfixed{
}	
	
.frameleft1{
	float: left;
	color: #333;
	font-size: 1.3rem;
	width:90%;
	padding-left:1.5rem;
	padding-bottom: 1.2rem;
}

.frameleft2{
	width:100%;
	margin-left: -1.8rem;
	margin-bottom: 1rem;
}

.frameleft a{ text-decoration:none} 
.frameleft a:link{color: #666}
.frameleft a:visited {color: #7b23aa}
.frameleft a:hover {color: #008cd6}
.frameleft a:active {color: #006595}
	
	.morenews{
		color: #008cd6;
		float: right;
		margin-top: 2rem;
		margin-right: 1.8rem;	
		font-size: 1.3rem;
	}	

.morenews a{ text-decoration:none} 
.morenews a:link{color: #008cd6}
.morenews a:visited {color: #008cd6}
.morenews  a:hover {color: #008cd6}
.morenews  a:active {color: #006595}

.frameright{
	float: left;
	margin-left: 2em;
	width:70%;
	background-color: #fff;
	padding-top: 1.8rem;
	padding-bottom: 4rem;
}
	.frameright2{
	float: left;
	width:85%;
    height:5rem; 
	background-color: #fff;
	padding-top: 2rem;
	margin-bottom: 4rem;
	margin-top: -1rem;
}
}

@media screen and (max-width: 980px){

.prdtpg{
	float: left;
	padding-top: 10em;
	padding-bottom: 10rem;
	background-color: #022237;
	width:100%;
	}	
	
.prdtp{
	width:90%;;
	margin-left: 4rem;
	color: #fff;
	font-size: 4rem;
	border-left: medium  #59c56e  solid;
 	}	
	
.productionframe{
	float:left;
	width: 100%;
	background-color: #f6f6f6;
	padding-bottom: 0rem;
	padding-top: 0rem;
}
	
.frameleft{
	float: left;
	width:100%;
	background-color: #eee;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.frameleft li{ 
	    float:left;
        list-style: none;
	}
.frameleft1{
	float: left;
	color: #333;
	font-size: 4rem;
	width:90%;
	padding-left:4rem;
	padding-bottom: 2rem;
}

	.frameleft1 ul{
		float: left;
		width: 90%;
	}

.frameleft2{
	float: left;
	font-size: 3.4rem;
	color:#999;
	margin-left: 0rem;
	margin-right: 4rem;
	margin-bottom: 2rem;
}
	.frameleft2:first-child{
		margin-left:-0rem;
	}


.frameleft a{ text-decoration:none} 
.frameleft a:link{color: #333}
.frameleft a:visited {color: #7b23aa}
.frameleft a:hover {color: #008cd6}
.frameleft a:active {color: #006595}

.frameright{
	float: left;
	width:100%;
	background-color: #fff;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.frameright2{
	float: left;
	width:100%;
	padding-top: 4rem;
	padding-bottom: 1rem;
}
	
	.morenews{
		color: #008cd6;
		float: right;
		margin-top: 2rem;
		margin-right: 4rem;	
		font-size: 4rem;
	}	

.morenews a{ text-decoration:none} 
.morenews a:link{color: #008cd6}
.morenews a:visited {color: #008cd6}
.morenews  a:hover {color: #008cd6}
.morenews  a:active {color: #006595}
}